<html>
<head>
<script type="text/javascript" src="js/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<style type="text/css">
*{margin:0;padding: 0;}
ul li{list-style: none;padding-left: 4px;}
a{display: block;text-decoration: none;margin: 4px 0;background: rgb(255,229,185);}
a:hover {background: rgb(255,233,214)}
.noselect{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
h5:hover{cursor: pointer;}

</style>
</head>
<body>
<h5>首&nbsp;&nbsp;页</h5>
<ul class="homepage">
  <li><a href="welcome.html" target="view_frame">首页</a></li>
</ul>

<h5>院系管理</h5>
<ul class="manageDepart">
  <li><a href="selectAllDepart.do" target="view_frame">院系管理</a></li>
  <li><a href=insertDeaprtPage.do target="view_frame">添加院系</a></li>
</ul>

<h5>课程管理</h5>
<ul class="manageCourse">
  <li><a href="selectAllCourseStudents.do" target="view_frame">课程管理</a></li>
  <li><a href="addCoursePage.do" target="view_frame">添加课程</a></li>
</ul>

<h5>学生管理</h5>
<ul class="manageDepart">
  <li><a href="selectAll.do" target="view_frame">学生管理</a></li>
  <li><a href="addPage.do" target="view_frame">添加学生</a></li>
</ul>

<script type="text/javascript">
$("body").addClass("noselect");
$(":header").css({'color':'rgb(166,169,182)','font-size':'20px','margin':'5px 0'});
$("ul").css({'border-radius':'8%','margin':'5px'});
$("h5").next().slideUp(5);

$("h5").each(function() {
    $(this).bind("click", function() {
        $(this).next().slideToggle('slow');
    });
});


</script>
</body>
</html>